//
// Mixins
// --------------------------------------------------

.button-variant(@color; @background; @border) {
  color: @color;
  background-color: @background;
  border-color: @border;

  &:hover,
  &:focus,
  &:active,
  &.active,
  .open .dropdown-toggle& {
    color: @color;
    background-color: darken(@background, 8%);
        border-color: darken(@border, 12%);
  }
  &:active,
  &.active,
  .open .dropdown-toggle& {
    background-image: none;
  }
  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    &,
    &:hover,
    &:focus,
    &:active,
    &.active {
      background-color: @background;
          border-color: @border;
    }
  }

  .badge {
    color: @background;
    background-color: #fff;
  }
}

.block-shadow(@color) {
    position:relative;
    background: @color;
    .box-shadow(0 1px 3px rgba(0, 0, 0, 0.1));

	&:before {
	    content:"";
	    position:absolute;
	    z-index:-2;
	    top:50%;
	    bottom:0px;
	    left:10px;
	    right:10px;
	    .box-shadow(0 0 10px rgba(0,0,0,0.8));

	    -moz-border-radius:100px / 10px;
	         border-radius:100px / 10px;
	}
}

.form-control-focus(@color: @input-border-focus) {
  @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
  &:focus {
    border-color: @color;
    outline: 0;
    .box-shadow(none);
  }
}